<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>计算圆的周长和面积</title>
  </head>
  <body>
    <div>
      <p>圆的半径：<input id="r" type="text"></p>
      <p>圆的周长：<input id="cir" type="text"></p>
      <p>圆的面积：<input id="area" type="text"></p>
    </div>
    <script>
      var r = prompt('请输入圆的半径');
      r = parseFloat(r) && Number(r);   // 获取输入的纯数字，其余情况皆转为NaN

    </script>
  </body>
</html>